// 第一个react的应用程序
// 从 react 的包当中引入了 React。
// 只要你要写 React.js 组件就必须引入React, ---- 一定要记住 
// 因为react里有一种语法叫JSX，稍后会讲到JSX，要写JSX，就必须引入React
import React from 'react'
// ReactDOM 可以帮助我们把 React 组件渲染到页面上去，
// 没有其它的作用了。它是从 react-dom 中引入的，而不是从 react 引入。
// 以前的版本中不是用的react-dom,以前只有react React.render()
import ReactDOM from 'react-dom'

// ReactDOM里有一个render方法，
// 功能就是把组件渲染并且构造 DOM 树，然后插入到页面上某个特定的元素上
ReactDOM.render(
  // 这里就比较奇怪了，它并不是一个字符串，
  // 看起来像是纯 HTML 代码写在 JavaScript 代码里面。
  // 语法错误吗？这并不是合法的 JavaScript 代码,
  //  “在 JavaScript 写的标签的”语法叫 JSX- JavaScript XML。 - 类xml语言
  // 什么是xml语言
  // 只能有一个根元素 -- 一个组件有且只能有一个顶级标签
  <h1>hello world</h1>,
  // jsx代码渲染到页面的那一个位置  --- public/index.html
  // document.getElementById('root')
  document.querySelector('#root')
)